/*================基本样式重置================*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,span,i,a,em,strong,b,input,textarea,select { margin:0; padding:0; }
i,em { font-weight:normal; font-style:normal; }
body { font:12px/1.5 tahoma,arial,sans-serif; font-family: "Microsoft Yahei";  }
li { list-style:none; }
a,img,input { border:0 none; }
a { text-decoration:none; outline:none; }
a:hover { text-decoration:none; }
a:focus,input:focus { outline:0 none;}
textarea { resize:none; font-size:12px; } /*去掉火狐和谷歌浏览器的Textarea改变尺寸大小功能*/

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/*========定义基础样式========*/
.hide { display:none;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after { content:" "; display:block; clear:both; height:0; }
.clearfix { zoom:1; }

/*a标签鼠标hover高亮显示状态（可选用）
a .opacity { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; } 
a:hover .opacity { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
*/

/*主体宽度样式（可选用）如有新宽度，命名规则以小写w开头，后接具体宽度数据，例：*/
.w1200{width: 1200px; margin: 0px auto; }

.header{position: fixed;left: 0px;top: 0px;z-index: 9; width: 100%;height: 100px;
-webkit-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); -moz-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); -ms-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); transition:all .8s cubic-bezier(0.22, 0.61, 0.36, 1); }
.header .pre{position: relative;}
.header .logo{float: left;display: block; /*width: 300px;*/height: 100px;}
.header .logo img{display: inline-block;max-width: 200px;max-height: 80px; vertical-align: middle;-ms-interpolation-mode:bicubic;}
.header .logo .img2{display: none;}
.header .logo span{display: inline-block;width: 1px;height: 100px;vertical-align: middle;}
.header .nav{float: right; margin:30px 10px 0 0;/* width: 944px;*/}
.header .nav .ls{position: relative;height: 70px; }
.header .nav .end{background: none;}
.header .nav .one{padding:0 22px;margin:0 3px; display: block;line-height: 40px; font-size: 16px;color: #fff;}
.header .nav .one.other,.header .nav .one:hover{color: #005694;border-radius: 40px;background: rgba(255,255,255,0.7);transition: all 0.5s;}

.header .nav ul{display: block;position: absolute;top:70px; z-index: 4; width: 100%; height: 0px;transform: translateX(-28%);overflow: hidden;}
.header .nav ul li{float: left;width: 120px;line-height: 50px;border: 0;}
.header .nav ul li a{display: block; text-align: center; font-size: 14px;color: #fff;}
.header .nav ul li a:hover{color: #0168b7;}

.header .nav_bac{display: block; position: absolute;left: 0px;top:100px; width: 100%;height: 0px;background: rgba(0,86,148,0.4);}
.header .nav ul li a{color: #fff;}
.header .nav ul li a:hover{color: #ddd;}

.header_fixed{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.header_fixed .logo .img1{display: none;}
.header_fixed .logo .img2{display: inline-block;}
.header_fixed .nav .one{color: #666;}
.header_fixed .nav .one.other,.header_fixed .nav .one:hover{color: #fff;border-radius: 40px;background: rgba(0,86,148,1);transition: all 0.5s;}
.header_fixed .nav_bac{background: #fff;border-top: #ddd 1px solid;box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1)}
.header_fixed .nav ul li a{color: #666;}
.header_fixed .nav ul li a:hover{color: #005694;}

.header .lan{float:right;line-height: 40px;margin-top: 30px;position: relative;cursor: pointer;}
.header .lan p{padding-left: 24px;background: url(../images/icon/lan1.png) center left no-repeat; font-size: 16px;color: #ffffff;float: left;}
.header .lan em{float: right;width: 13px;height: 40px;margin-left: 6px; background: url(../images/icon/lan2.png) center no-repeat;cursor: pointer;}
.header .lan ul{position: absolute;top: 100%;left: 0;z-index: 9; width: 100%;display: none;}
.header .lan ul li{background-color: rgba(0,86,148,0.4);}
.header .lan ul a{font-size: 14px;color: #fff;display: block;text-align: center;line-height: 30px;}
.header .lan ul li:nth-child(1){border-bottom: 1px solid #7aaec4;}
.header_fixed .lan p{background: url(../images/icon/lan3.png) center left no-repeat;color: #999;}
.header_fixed .lan em{background: url(../images/icon/lan4.png) center no-repeat;}
.header_fixed .lan ul li{background-color: #fff;}
.header_fixed .lan ul{border: 1px solid #eee;}
.header_fixed .lan ul li:nth-child(1){border-bottom: 1px solid #eee;}
.header_fixed .lan ul li a{color: #999;}


.ind04{position: relative; width: 100%;height: 148px;}
.ind04 .left{ width: 35.5%;height: 148px;background: #005694;}
.ind04 .right{width: 64.5%;height: 148px;background: url(../images/index/ind04.jpg) center no-repeat;background-size: cover;}
.ind04 .w1200{position: absolute;left: 50%;top: 0px;margin-left: -600px;}
.ind04 .logo{float: left;display: block; width: 360px;height: 148px;}
.ind04 .logo img{display: inline-block;max-width: 300px;max-height: 80px; vertical-align: middle;-ms-interpolation-mode:bicubic;}
.ind04 .logo span{display: inline-block;width: 1px;height: 148px;vertical-align: middle;}
.ind04 .text{margin-top: 38px; width: 715px;}
.ind04 .text p{margin-bottom: 20px; padding-left: 43px; font-size: 16px;color: #a3a3a3;line-height: 30px;}


.footer{width: 100%;/*height: 345px;*/ background: url(../images/index/footer.png) right bottom no-repeat;}
.footer .t{padding: 80px 0 70px;}
.footer .t dl{width: 425px;padding-left: 50px;background: url(../images/icon/icon_13.png) left 10px no-repeat;}
.footer .t dl dt{padding-bottom: 20px; font-size: 20px;color: #005694;}
.footer .t dl dd{}
.footer .t dl p{line-height: 38px; font-size: 14px;color: #999;}
.footer .t dl i{color: #666;}
.footer .b{height: 48px;line-height: 48px;text-align: center;font-size: 14px;color: #999; border-top: #ddd 1px solid;}
.footer .b a{
	color: #999;
	margin-left: 30px;
}

/* 悬浮 */
.suspension{display: none; position: fixed;right: 3%;top: 50%;z-index: 13;width: 48px;height: 203px;height: 150px; margin-top: -101px;background: #fff;border-radius: 48px; box-shadow: 0 0 13px rgba(0,0,0,0.15);/* border-radius: 48px; */cursor: pointer;}
.suspension_fixed{display: block;}
.suspension .sus{position: relative; width: 100%;}
.suspension .sus p{width: 48px;height: 50px;}
.suspension .sus1 p{ height:35px;height:50px;  background: url(../images/icon/icon_16.png) center  17px no-repeat; border-radius: 48px 48px 0 0; }
.suspension .sus2 p{ height:34px;height:54px;  background: url(../images/icon/icon_17.png) center no-repeat;}
.suspension .sus5 p{ height:22px;height:46px;  background: url(../images/icon/icon_18.png) center no-repeat; border-radius: 0 0 48px 48px;}

.suspension .sus .pos{ display: block; position: absolute;top: 50%;right:51px;margin-top: -70px; width: 546px;height: 0px;overflow: hidden; background: url(../images/icon/icon_17.png) center no-repeat;}
.suspension .sus .pos img{display: block;padding:10px 0 0 13px;width: 125px;height: 125px;}
.suspension .sus .pos.pos_s{margin-top: -86px; width: 546px;/*height:172px;*/overflow: hidden; background: url(../images/bac/bac_1.png) top center no-repeat;}
.suspension .sus .pos .next{margin:24px 0 0 50px;font-size: 16px;color: #999;line-height: 28px; }
.suspension .sus .pos .next .fl{width: 33.3%;}
.suspension .sus .pos b{color: #005694;display: block;font-weight: normal;}
.suspension .sus .pos i{display: block; font-family: "Arial";}
.suspension .sus1:hover p{background:#005694 url(../images/icon/icon_16s.png) center 17px no-repeat;}
.suspension .sus2:hover p{background:#005694 url(../images/icon/icon_17s.png) center no-repeat;}
.suspension .sus5:hover p{background:#005694 url(../images/icon/icon_18s.png) center no-repeat;}




/*加载*/
/*.loading{position: fixed;left: 0px;top: 0px;z-index: 19; width: 100%;height: 100%;background: #fff;
-webkit-animation:Opacity 1s ease-in-out 3s forwards;
-moz-animation:Opacity 1s ease-in-out 3s forwards;
-ms-animation:Opacity 1s ease-in-out 3s forwards;
animation:Opacity 1s ease-in-out 3s forwards;}
.loading .next{position: absolute;left: 0px;top: 50%;margin-top: -22px;width: 100%;}
.loading .next img{display: block;margin:0 auto;}*/


/*加载*/
.loading{position: fixed;left: 0px;top: 0px;z-index: 99; width: 100%;height: 100%;background: #fff;
-webkit-animation:Opacity 1s ease-in-out 2s forwards;
-moz-animation:Opacity 1s ease-in-out 2s forwards;
-ms-animation:Opacity 1s ease-in-out 2s forwards;
animation:Opacity 1s ease-in-out 2s forwards;}
.loading .next{position: absolute;left: 0px;top: 50%;margin-top: -80px;width: 100%;}
.loading .next p{display: none; margin-top: 40px; text-align: center;font-size: 18px;}
.loading .next p i{padding-left: 5px;}
.loading .mascot{position: relative;margin:0px auto 0; width: 200px;height: 92px;}
.loading .mascot .yu{display: none; position: absolute;left: 0px;top: 0px;width: 200px;height: 92px; background: url(../images/1.png) left center no-repeat;background-size: 200px auto;}
.loading .mascot .ca{position: absolute;left: 0px;top: 0px;width: 0px;height: 92px; background: url(../images/index/logoss.png) left center no-repeat;background-size: 200px auto;
    /*-webkit-animation:Width 2s ease-in-out infinite;
-moz-animation:Width 2s ease-in-out infinite;
-ms-animation:Width 2s ease-in-out infinite;
animation:Width 2s ease-in-out infinite;*/
-webkit-animation:Width 2s ease-in-out forwards;
-moz-animation:Width 2s ease-in-out forwards;
-ms-animation:Width 2s ease-in-out forwards;
animation:Width 2s ease-in-out forwards;}

@keyframes Width {
    0% {width: 0px;}
    100% {width: 200px;}
}
@-webkit-keyframes Width {
    0% {width: 0px;}
    100% {width: 200px;}
}
@-moz-keyframes Width {
    0% {width: 0px;}
    100% {width: 200px;}
}
@-ms-keyframes Width {
    0% {width: 0px;}
    100% {width: 200px;}
}


@keyframes Opacity  {
    0% {opacity: 1;z-index: 9;}
    100% {opacity: 0;z-index: -1;}
}
@-webkit-keyframes Opacity {
    0% {opacity: 1;z-index: 9;}
    100% {opacity: 0;z-index: -1;}
}
@-moz-keyframes Opacity {
    0% {opacity: 1;z-index: 9;}
    100% {opacity: 0;z-index: -1;}
}
@-ms-keyframes Opacity {
    0% {opacity: 1;z-index: 9;}
    100% {opacity: 0;z-index: -1;}
}

@keyframes imgs  {
    0% {opacity: 0;}
    99% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes imgs {
    0% {opacity: 0;}
    99% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes imgs {
    0% {opacity: 0;}
    99% {opacity: 0;}
    100% {opacity: 1;}
}
@-ms-keyframes imgs {
   0% {opacity: 0;}
   99% {opacity: 0;}
    100% {opacity: 1;}
}


/*由上方滑动下来且有渐显*/
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		-ms-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

/*由下方滑动上来 伴随着渐显*/
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		-ms-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}
/*从左滑动出来 伴随着渐显*/
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		-ms-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}


/*从右滑动出来 伴随着渐显*/
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		-ms-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}